<%@page import="modelo.Usuario"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%
	Usuario p = (Usuario) session.getAttribute("USUARIO_ACTUAL");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--  Version: Multiflex-3 Update-7 / Layout-3             -->
<!--  Date:    January 15, 2007                            -->
<!--  Author:  Wolfgang                                    -->
<!--  License: Fully open source without restrictions.     -->
<!--           Please keep footer credits with a link to   -->
<!--           Wolfgang (www.1-2-3-4.info). Thank you!     -->

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="3600" />
<meta name="revisit-after" content="2 days" />
<meta name="robots" content="index,follow" />
<meta name="publisher" content="Your publisher infos here ..." />
<meta name="copyright" content="Your copyright infos here ..." />
<meta name="author"
	content="Design: Wolfgang (www.1-2-3-4.info) / Modified: Your Name" />
<meta name="distribution" content="global" />
<meta name="description" content="Your page description here ..." />
<meta name="keywords"
	content="Your keywords, keywords, keywords, here ..." />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
	href="./css/layout3_setup.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
	href="./css/layout3_text.css" />
<link rel="icon" type="image/x-icon" href="./img/favicon1.ico" />
<title>Crear Publicacion :.</title>

<script>
       function validar(){
         var n = document.login.username.value;
         var c = document.login.password.value;

         if (n == ""){
            alert('Ingrese nombre');
            return false;
         } else if( c == ""){
            alert('Ingrese clave');
            return false;
         }
         return true;
       }
  </script>
<script language="javascript" type="text/javascript">
	    //*** Este Codigo permite Validar que sea un campo Numerico
	    function Solo_Numerico(variable){
	        Numer=parseInt(variable);
	        if (isNaN(Numer)){
	            return "";
	        }
	        return Numer;
	    }
	    function ValNumero(Control){
	        Control.value=Solo_Numerico(Control.value);
	    }
	    function Seleccionar() {
	 		document.form1.action="ListarDatosLocal_Cancha";
		    document.form1.method="post";
			document.form1.submit();
		}
	    //*** Fin del Codigo para Validar que sea un campo Numerico
	    
	    //*** Este Codigo permite mostrar una ventana como Pop-up
	    function ventanaNueva(documento){	
	    	window.open(documento,'nuevaVentana','width=300, height=400');
	    }
	    //*** Validar Campos 1
	    function Validar1(formu){
	    	//
	    	valDuracion=parseInt(formu.TxtDuracion.value, 10);
	    	//
    		if(valDuracion<=0){
    			alert("El campo Duracion esta vacio");
    			valDuracion.focus();
    			return false;
    		} else
    			alert("El valor de Duracion es " + valDuracion);
    		// Si pasa todo regresa TRUE
    		return false;

	    }
	    //*** Validar Campos
	    function Validar(TxtTitulo, TxtDescripcion, TxtCantidad, TxtPrecio, TxtDuracion){
	    	TxtTitulo=document.getElementById(TxtTitulo);
	    	TxtDescripcion=document.getElementById(TxtDescripcion);
	    	TxtCantidad=document.getElementById(TxtCantidad);
	    	TxtPrecio=document.getElementById(TxtPrecio);
	    	TxtDuracion=document.getElementById(TxtDuracion);
	    	//valDuracion=parseInt(document.getElementById(TxtDuracion),10)
	    	xreturn=true;
	    	if(TxtTitulo.value==""){
	    		alert("El campo Titulo esta vacio");
	    		TxtTitulo.focus();
	    		return false;
	    	}
    		if(TxtDescripcion.value==""){
    			alert("El campo Descripcion esta vacio");
    			TxtDescripcion.focus();
    			return false;
    		}//else{
    		if(TxtCantidad.value==""){
    			alert("El campo Cantidad esta vacio");
    			TxtCantidad.focus();
    			return false;
    		}
    		if(TxtPrecio.value==""){
    			alert("El campo Precio esta vacio");
    			TxtPrecio.focus();
    			return false;
    		}
    		if(parseInt(TxtDuracion,10)==0){
    			alert("El campo Duracion esta vacio");
    			TxtDuracion.focus();
    			return false;
    		} else
    			alert("El valor de Duracion es " + TxtDuracion);
    		// Si pasa todo regresa TRUE
    		return false;
	    }
	</script>
</head>

<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

<body>
	<!-- Main Page Container -->
	<div class="page-container">

		<!-- For alternative headers START PASTE here -->

		<!-- A. HEADER -->
		<div class="header">

			<!-- A.1 HEADER TOP -->
			<div class="header-top">

				<!-- Sitelogo and sitename -->
				<a class="sitelogo" href="#" title="Go to Start page"></a>
				<div class="sitename">
					<h1>
						<a href="index.html" title="Go to Start page">DESARROLLADORES
							<span style="font-weight: normal; font-size: 50%;">&nbsp;upc</span>
						</a>
					</h1>
					<h2>Sistema de Compra y Venta por Internet</h2>
				</div>

				<!-- Navigation Level 0 -->
				<div class="nav0">
					<ul>
						<li><a href="#" title="Homepage en Italiano"></a>
						</li>
					</ul>
				</div>

				<!-- Navigation Level 1 -->
				<div class="nav1">
					<ul>
					</ul>
				</div>
			</div>

			<!-- A.2 HEADER MIDDLE -->
			<div class="header-middle">

				<!-- Site message -->
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
					codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
					width="896" height="145">
					<param name="movie" value="img/Encabezado.swf" />
					<param name="quality" value="high" />
					<embed src="img/Encabezado.swf" quality="high"
						pluginspage="http://www.macromedia.com/go/getflashplayer"
						type="application/x-shockwave-flash" width="896" height="145"></embed>
				</object>
			</div>

			<!-- A.3 HEADER BOTTOM -->
			<div class="header-bottom">

				<!-- Navigation Level 2 (Drop-down menus) -->
				<div class="nav2">

					<!-- Navigation item -->
					<ul>
						<li><a href="index.jsp">Principal</a>
						</li>
					</ul>

					<!-- Navigation item -->
					<%
						if (p == null) {
					%>
					<ul>
						<li><a href="#">Publicaciones<!--[if IE 7]><!--> </a>
						<!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="FindPublicacion.jsp">Buscar
										Publicaci&oacute;n</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
					</ul>

					<%
						}
					%>

					<!-- Navigation item -->
					<%
						if (p != null) {
							if (!p.getTipoUsuario().equals("administrador")) {
					%>
					<ul>
						<li><a href="#">Publicaciones<!--[if IE 7]><!--> </a>
						<!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="MantenimientoPublicaciones.jsp">Crear
										Publicaci&oacute;n</a>
								</li>
								<li><a href="FindPublicacion.jsp">Buscar
										Publicaci&oacute;n</a>
								</li>
								<li><a href="VentasYComprasXUsuario.jsp">Listar
										Publicaciones</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
					</ul>

					<%
						}
						}
					%>

					<%
						if (p != null) {
							if (p.getTipoUsuario().equals("administrador")) {
					%>
					<ul>
						<li><a href="#">Administraci&oacute;n<!--[if IE 7]><!-->
						</a>
						<!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="AddUsuario.jsp">Crear Usuario</a>
								</li>
								<li><a href="AddCategoria.jsp">Crear Categoria</a>
								</li>
								<li><a href="registroaviso.jsp">Crear Aviso</a>
								</li>
							</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
					</ul>

					<%
						}
						}
					%>
				</div>
			</div>

			<!-- A.4 HEADER BREADCRUMBS -->

			<!-- Breadcrumbs -->
			<div class="header-breadcrumbs">
				<ul>
				</ul>


				<!-- Search form -->
				<div class="searchform">
					<form action="index.html" method="get">
						<fieldset>
							<input name="field" class="field" value=" Buscar..." /> <input
								type="submit" name="button" class="button" value="Ir!" />
						</fieldset>
					</form>
				</div>
			</div>
		</div>

		<!-- For alternative headers END PASTE here -->

		<!-- B. MAIN -->
		<div class="main">

			<!-- B.1 MAIN CONTENT -->
			<div class="main-content">

				<!-- Pagetitle -->
				<h1 class="pagetitle">Mantenimiento de Publicaciones</h1>

				<!-- Content unit - One column -->
				<h1 class="block">1 - Mantenimiento</h1>
				<br>
				<div class="column1-unit">
					<p>
						<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
							codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
							width="480" height="100" align="middle">
							<param name="movie" value="img/banner_052.swf" />
							<param name="quality" value="high" />
							<embed src="img/banner_052.swf" width="480" height="100"
								align="middle" quality="high"
								pluginspage="http://www.macromedia.com/go/getflashplayer"
								type="application/x-shockwave-flash"></embed>
						</object>
					</p>
				</div>
				<hr class="clear-contentunit" />

				<!-- Content unit - Two columns -->
				<div>
					<!-- Este mensaje indica que la grabacion se realizo correctamente. -->
					${MENSAJE }
					<!-- <form name="myform" method="post" action="GrabaPublicacion" onSubmit="return Validar('TxtTitulo','TxtDescripcion','TxtCantidad','TxtPrecio','TxtDuracion')" > -->
					<form name="myform" method="post" action="GrabaPublicacion">
						<table style="text-align: left; width: 100%;" border="0"
							cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
							<tr>
								<td></td>
								<!-- 	      <td>ID</td> -->
								<td></td>
								<!--	      <td><input size="5" NAME="TxtId" readonly="readonly" value="1" size="20%" STYLE="text-align:right"></td> -->
								<td colspan=2></td>
								<td colspan=2>Categoria</td>
								<td colspan=2 WIDTH=40%><%@page import="modelo.Categoria"%>
									<%@page import="negocio.GestionCategoria"%>
									<%@page import="java.util.ArrayList"%> <%@page
										import="java.util.Iterator"%> <%
 	GestionCategoria negocio = new GestionCategoria();
 	ArrayList<Categoria> lista = negocio.listar();
 %> <select name="cbocategoria" id="cbocategoria" class="combo">
										<%
											Iterator i = lista.iterator();
											Categoria categoria = (Categoria) i.next();
										%>
										<OPTION VALUE="<%out.print(categoria.getIdcategoria());%>"
											SELECTED>
											<%
												out.println(categoria.getNombre());
												while (i.hasNext()) {
													categoria = (Categoria) i.next();
											%>
										
										<OPTION VALUE="<%out.print(categoria.getIdcategoria());%>">
											<%
												out.println(categoria.getNombre());
												}
											%>
										
								</select> <%
 	/*			GestionCategoria negocio = new GestionCategoria();
 	 ArrayList<Categoria> listado = negocio.ListarCategorias_gestion();
 	 Iterator y = listado.iterator();
 	
 	 if (listado.size() > 0 ){
 	 Categoria categoria1 = (Categoria) y.next();
 	 out.println("<SELECT NAME=\"TxtCategoria\">");
 	 //				Categoria categoria = (Categoria) y.next();
 	 //				out.println("<OPTION VALUE=" + categoria.getIdcategoria() + ".-" + listado.indexOf(1) + " SELECTED >");
 	 //				y.hasNext();
 	 while (y.hasNext()){
 	 //Categoria categoria = (Categoria) y.next();
 	 categoria1 = (Categoria) y.next();
 	 out.println("<OPTION VALUE=\"" +  categoria1.getNombre() + "\" >");
 	 }
 	 out.println("</SELECT>");
 	 }
 	 */
 %> <!--	      	<SELECT NAME="TxtCategoria">  --> <!--	      	<OPTION VALUE="Cat1" SELECTED >Categoria 1  -->
									<!--	      	<OPTION VALUE="Cat2"          >Categoria 2  --> <!--	      	<OPTION VALUE="Cat3"          >Categoria 3  -->
									<!--	      	</SELECT>  --></td>
							</tr>
							<tr>
								<td colspan=1 WIDTH=10%>Titulo</td>
								<td colspan=3 WIDTH=40%><input size="25" id="TxtTitulo"
									NAME="TxtTitulo" size="40%" maxlength="50"
									value="${param.TxtTitulo}">
								</td>
								<td colspan=2 WIDTH=10%>Estado</td>
								<td colspan=2 WIDTH=40%><SELECT NAME="TxtEstado">
										<OPTION VALUE="Nuevo" SELECTED>Nuevo
										<OPTION VALUE="Usado">Usado
										<OPTION VALUE="Vendido">Vendido
								</SELECT></td>
							</tr>
							<tr>
								<td colspan=1 WIDTH=10%>Descripcion</td>
								<td colspan=3 WIDTH=40%><input size="25"
									id="TxtDescripcion" NAME="TxtDescripcion" size="40%"
									maxlength="250" value="${param.TxtDescripcion}">
								</td>
								<td colspan=2 WIDTH=10%>Cantidad</td>
								<td colspan=2 WIDTH=40%><input size="5" id="TxtCantidad"
									NAME="TxtCantidad" size="40%" maxlength="5"
									onkeyUp="return ValNumero(this);" STYLE="text-align: right"
									value="${param.TxtCantidad}">
								</td>
							</tr>
							<tr>
								<td colspan=8><HR>
								</td>
							</tr>
							<tr>
								<td WIDTH=10%>Precio</td>
								<td WIDTH=15%><input size="5" id="TxtPrecio"
									NAME="TxtPrecio" size="15%" maxlength="5"
									onkeyUp="return ValNumero(this);" STYLE="text-align: right"
									value="${param.TxtPrecio}">
								</td>
								<td WIDTH=10%>Duracion</td>
								<td WIDTH=15%><input size="5" id="TxtDuracion"
									NAME="TxtDuracion" size="15%" maxlength="3"
									onkeyUp="return ValNumero(this);" STYLE="text-align: right"
									value="${param.TxtDuracion}">
								</td>
								<td WIDTH=10%>Puntaje</td>
								<td WIDTH=15%><input size="5" id="TxtPuntaje"
									NAME="TxtPuntaje" size="15%" maxlength="2"
									onkeyUp="return ValNumero(this);" STYLE="text-align: right;"
									value="${param.TxtPuntaje}">
								</td>
								<td WIDTH=10%>Venta</td>
								<td WIDTH=15%><input size="5" id="TxtVenta" NAME="TxtVenta"
									size="15%" maxlength="5" onkeyUp="return ValNumero(this);"
									STYLE="text-align: right;" value="${param.TxtVenta}">
								</td>
							</tr>
							<tr>
								<td colspan=8><HR>
								</td>
							</tr>
							<tr>
								<td colspan=1 WIDTH=10%>Foto 1</td>
								<td colspan=3 WIDTH=40%><input size="15%" id="TxtFoto1"
									NAME="TxtFoto1" type="file" value="${param.TxtFoto1}">
								</td>
								<td colspan=1 WIDTH=10%>Foto 2</td>
								<td colspan=3 WIDTH=40%><input size="15%" id="TxtFoto2"
									NAME="TxtFoto2" type="file" value="${param.TxtFoto2}">
								</td>
							</tr>
							<tr>
								<td colspan=1 WIDTH=10%>Foto 3</td>
								<td colspan=3 WIDTH=40%><input size="15%" id="TxtFoto3"
									NAME="TxtFoto3" type="file" value="${param.TxtFoto3}">
								</td>
							</tr>
							<tr>
								<td colspan=8><HR>
								</td>
							</tr>
							<tr>
								<td colspan=2></td>
								<td ALIGN="CENTER" colspan=1><input type="reset" size="40%"
									value="     Reset     " />
								</td>
								<td colspan=1></td>
								<td colspan=2></td>
								<td ALIGN=CENTER colspan=1><input type="submit" size="40%"
									value="    Grabar    " />
								</td>
								<td colspan=1></td>
							</tr>
						</table>
					</form>

				</div>

				<hr class="clear-contentunit" />

				<!-- Content unit - One column -->
				<h1 class="block">2 - Anuncios</h1>
				<div class="column1-unit">
					<p class="caption">Puede ingresar sus anuncios con solo su
						registro de usuario.</p>
					<p class="caption">
						<span class="credits"> <object
								classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
								codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
								width="480" height="80">
								<param name="movie" value="img/banner_044.swf" />
								<param name="quality" value="high" />
								<embed src="img/banner_044.swf" quality="high"
									pluginspage="http://www.macromedia.com/go/getflashplayer"
									type="application/x-shockwave-flash" width="480" height="80"></embed>
							</object> </span>
					</p>
				</div>
				<hr class="clear-contentunit" />






			</div>

			<!-- B.2 MAIN NAVIGATION -->
			<div class="main-navigation">

				<!-- Navigation Level 3 -->
				<div class="round-border-topleft"></div>


				<%
					if (p != null) {
				%>
				<h1>Conectado</h1>
				<h2>Bienvenido Usuario:</h2>
				<h3>
					${sessionScope.USUARIO_ACTUAL.nombres }
					${sessionScope.USUARIO_ACTUAL.paterno } <a href="LogoutServlet">(Salir)</a>
				</h3>

				<%
					} else {
				%>
				<!-- Login -->
				<h1>Ingreso</h1>
				<div class="loginform">
					<form name="login" method="post" action="LogeoServlet"
						onSubmit="return validar();">
						<p>
							<input type="hidden" name="rememberme" value="0" />
						</p>
						<p>&nbsp;</p>
						<p>&nbsp;</p>
						<fieldset>
							<p>
								<label for="username" class="top">Usuario:</label> <br /> <input
									type="text" name="username" id="username" tabindex="1"
									class="field"
									onKeyPress="return webLoginEnter(document.loginfrm.password);"
									value="" />
							</p>
							<p>
								<label for="password" class="top">Password:</label><br /> <input
									type="password" name="password" id="password" tabindex="2"
									class="field"
									onKeyPress="return webLoginEnter(document.loginfrm.cmdweblogin);"
									value="" />
							</p>
							<p>
								<input type="checkbox" name="checkbox_1" id="checkbox_1"
									class="checkbox" tabindex="3" size="1" value=""
									onClick="webLoginCheckRemember()" /> <label for="checkbox_1"
									class="right">Recordarme</label>
							</p>
							<p>
								<input type="submit" name="cmdweblogin" class="button"
									value="LOGIN" />
							</p>
							<p style="color: red;">${LOGUEO}</p>
						</fieldset>
					</form>
				</div>

				<%
					}
				%>


				<!-- Title -->

				<!-- Text formats -->
				<h1>Compras</h1>
				<h2>Las mas populares</h2>
				<h3>Texto</h3>
				<p>Texto</p>

				<h3>Enlaces</h3>
				<ul class="bullet">
					<li><a href="#">Link 1</a>
					</li>
					<li><a href="#">Link 2</a>
					</li>
					<li>Fact 1</li>
					<li>Fact 2</li>
				</ul>

				<h3>&nbsp;</h3>
				<h3>
					Imagenes<br />
				</h3>
				<p>
					<img src="./img/image.jpg" width="50" alt="Image description"
						title="Image title" />Descripcion.
				</p>
				<p>
					<img class="center" src="./img/image.jpg" width="50"
						alt="Image description" title="Image title" />
				</p>
				<p>
					<!-- Image Links -->
				</p>

				<h3>&nbsp;</h3>
			</div>
		</div>

		<!-- C. FOOTER AREA -->

		<div class="footer">
			<p>Copyright &copy; 2012 Desarrolladores | All Rights Reserved</p>
			<p class="credits">&nbsp;</p>
		</div>
	</div>

</body>
</html>

